<!DOCTYPE html>
<html>
<head>
    <title>AIJ</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="css/chat.css" rel="stylesheet" />
</head>

<body>
<div class="container">
    <div class="row-fluid">
        <div id="chatDiv" class="well">
            <table class="table">
                <tr>
                    <td id="tdMsg">
                        <div id="msgDiv"></div>
                    </td>
                </tr>
                <tr>
                    <td id="tdVideo">
                        <video id="youVideo" width="100%" height="100%" autoplay controls></video>
                    </td>
                </tr>
                <tr>
                    <td id="tdAudio">
                        <audio id="youAudio" width="100%" height="100%" autoplay controls></audio>
                    </td>
                </tr>
                <tr>
                    <td id="tdWord">
                        <div id="wordDiv"></div>
                    </td>
                </tr>
                <tr>
                    <td>
                    	<textarea id="txtMsg" rows="5" class="form-control" placeholder="请输入消息"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="btn-toolbar pull-left">
                            <div class="btn-group">
                                <input type="button" id="btnVideo" class="btn btn-primary" value="视频" onclick="openVideo();" />
                            </div>
                        </div>
                        <div class="btn-toolbar pull-right">
                            <div class="btn-group">
                                <input type="button" id="btnSend" class="btn btn-primary" value="发送" onclick='sendMsg();' />
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<!-- /container -->

<script type="text/javascript">
    var wsServer = 'ws://192.168.0.101:9001/ws';
    var wsAccount = '';
    var wsSecret = '';
    var pushServer = 'ws://192.168.0.103:2700';
    var liveServer = 'http://192.168.0.103:8080/live/';
    var liveDelay = 1500;
    var videoHeight = '450px';
</script>
<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.json-2.4.min.js" type="text/javascript"></script>
<script src="js/websock.js" type="text/javascript"></script>
<script src="js/mpegts-1.7.2.min.js" type="text/javascript"></script>
<script src="js/chat.js" type="text/javascript"></script>
</body>
</html>